<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../css/album.css">
    <link rel="stylesheet" href="../css/house.css">
    <title>非合作楼盘相册 非合作楼盘相册详情</title>
    <script type="text/javascript">
        function stops() {
            return false;
        }
        document.oncontextmenu = stops;
    </script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="head">
            <div class="title left">
                <img src="../imgs/5.png" class="left" alt="">
                <div class="titleGps left">
                    <p class="left">新乡</p><span class="left"></span>
                </div>
            </div>
            <div class="headNav left">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="" class="btnColor">新房</a></li>
                    <li><a href="">二手房</a></li>
                    <li><a href="">楼市</a></li>
                    <li><a href="">置业管家</a></li>
                    <li><a href="">品牌地产</a></li>
                </ul>
            </div>
            <div class="search left">
                <div>
                    <p>新房<span></span></p>
                </div>
                <div>
                    <input type="text" name="" id="" placeholder="请输入楼盘名称">
                </div>
                <a class="login" href="">登录</a>
            </div>
        </div>
    </header>
    <div class="tian"><img src="../imgs/title-phone.png" alt=""></div>
    <!-- 导航栏 -->
    <div class="liao">
        <div class="cheng">
            <span>聊城房产网></span>
            <span>聊城楼盘></span>
            <span>东昌府区楼盘></span>
            <span>荣盛水岸话语二期</span>
        </div>
        <div class="time">
            2018年10月25日更新
        </div>
    </div>
    <!-- 碧桂园凤凰湾 -->
    <div class="phoenix">
        碧桂园凤凰湾
    </div>
    <!-- 在售 -->
    <div class="onbuy">
        <div class="buy-left">
            <div class="buyone">
                <a href="">在售</a>
            </div>
            <div class="buytwo">
                <a href="">婚房/刚需</a>
            </div>
            <div class="buythree">
                <a href="">养老</a>
            </div>
            <span>别名：碧桂园凤凰区</span>
            <span>2018年12月24日更新</span>
            <span>787878人访问</span>
        </div>
        <div class="buy-right">
            <div class="phone-left">
                <img src="../imgs/12.png" alt="">
            </div>
            <div class="phone-right">
                <p class="phonelou">售楼处电话</p>
                <p>
                    <span class="phonethree">400-705-3322</span>
                    <span>转269</span>
                </p>
            </div>
        </div>
    </div>
    <div class="null"></div>
    <!-- 选项卡 -->
    <div class="answer">
        <div class="hu">

            <a href="">售楼处主页</a>
            <a href="">楼盘信息</a>
            <a class="action" href="">户型图</a>
            <a href="">相册</a>
            <a href="">地图交通</a>
            <a href="">价格走势</a>
            <a href="">楼盘动态</a>
            <a href="">有问必答</a>
            <a href="">手机看楼盘</a>
        </div>
    </div>
    <!-- 选项卡结束 -->

    <div class="sandtable">


        <a class="actionone" href="">全部图片</a>
        <span>|</span>
        <a class="loupantu" href="">楼盘图</a>
        <span>|</span>
        <a href="">沙盘图</a>
        <span>|</span>
        <a href="">样板间</a>
        <span>|</span>
        <a href="">位置图</a>
        <span>|</span>
        <a href="">配套图</a>
        <span>|</span>
        <a href="">售楼处</a>

    </div>
    <!-- 视频 -->
    <div class="video">
        <div class="v-top">
            <p>视频<span class="brackets">( 1 )</span></p>
            <div class="v-middle">
                <img src="../imgs/13.png" alt="">
            </div>
            <p>视频-郑地美景东望</p>
            <p>2018-10-23</p>
        </div>
        <!-- 沙盘图 -->
        <div class="sha">
            <div class="v-top">
                <p>沙盘图<span class="brackets">( 5 )</span></p>
                <div class="v-middle">
                    <img src="../imgs/16.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/16.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/16.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/16.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/16.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
        </div>
        <!-- 样板间 -->
        <div class="sha">
            <div class="v-top">
                <p>样板间<span class="brackets">( 5 )</span></p>
                <div class="v-middle">
                    <img src="../imgs/17.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/17.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/17.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/17.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/17.png" alt="">
                </div>
                <p>沙盘图规划沙盘</p>
                <p>2018-10-23</p>
            </div>
        </div>
        <!-- 位置图 -->
        <div class="v-top">
            <p>位置图<span class="brackets">( 1 )</span></p>
            <div class="v-middle">
                <img src="../imgs/18.png" alt="">
            </div>
            <p>位置图-楼盘区位规划</p>
            <p>2018-06-30</p>
        </div>
        <!-- 配套图 -->
        <div class="sha">
            <div class="v-top">
                <p>配套图<span class="brackets">( 12 )</span></p>
                <div class="v-middle">
                    <img src="../imgs/19.png" alt="">
                </div>
                <p>配套图-楼盘周边配套</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/19.png" alt="">
                </div>
                <p>配套图-楼盘周边配套</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/19.png" alt="">
                </div>
                <p>配套图-楼盘周边配套</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/19.png" alt="">
                </div>
                <p>配套图-楼盘周边配套</p>
                <p>2018-10-23</p>
            </div>
            <div class="vis-top">
                <a href="">更多配套图>></a>
                <div class="v-middle">
                    <img src="../imgs/19.png" alt="">
                </div>
                <p class="gui">配套图-楼盘周边配套</p>
                <p>2018-10-23</p>
            </div>
        </div>
        <!-- 售楼处 -->
        <div class="sha">
            <div class="v-top">
                <p>售楼处<span class="brackets">( 16 )</span></p>
                <div class="v-middle">
                    <img src="../imgs/20.png" alt="">
                </div>
                <p>售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/20.png" alt="">
                </div>
                <p>售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/20.png" alt="">
                </div>
                <p>售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
            <div class="vi-top">
                <div class="v-middle">
                    <img src="../imgs/20.png" alt="">
                </div>
                <p>售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
            <div class="vis-top">
                <a href="">更多配套图>></a>
                <div class="v-middle">
                    <img src="../imgs/20.png" alt="">
                </div>
                <p class="gui">售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
        </div>
    </div>
    <!-- 画报 -->
    <div class="pictorial">
        <p class="pi-top">
            画报<span>( 1 )</span>
        </p>
        <div class="pi-middle">
            <div class="pi-bottom">
                <img src="../imgs/21.png" alt="">
                <p class="other">【其他】郑东墅级洋房 郑地美景东望（组图）</p>
                <p>2010-10-12</p>
            </div>
            <div class="pic-middle">
                <div>
                    <img src="../imgs/22.png" alt="">
                </div>
                <div>
                    <img src="../imgs/24.png" alt="">
                    <img src="../imgs/24.png" alt="">
                </div>
            </div>
            <div class="pic-right">
                <div class="pic-one">
                    <img src="../imgs/22.png" alt="">
                </div>
                <div class="pic-two">
                    <img src="../imgs/24.png" alt="">
                </div>
                <div class="pic-five">
                    <div class="pic-three">
                        <img src="../imgs/20.png" alt="">
                        <img src="../imgs/21.png" alt="">
                    </div>
                    <div class="pic-four">
                        <img src="../imgs/23.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 约车看房 -->
    <div class="fot1">
      <div class="kfot1 floata">
        看
      </div>
      <div class="kche floata">
        <b style="margin-bottom:12px;font-size:18px;">免费专车随时看房</b> <span class="kchesps">HOT</span> <br>
        <span style="font-size:15px;color:#7f868c;">一对一小陈接送</span>
      </div>
      <div class="kyue floatb">
          约车看房
      </div>
      <div class="kren floatb">
        <i><img src="../imgs/zj-06.png" alt=""></i>
        20人已参加
      </div>
    </div>
    <!-- 立即订阅 -->
    <div class="subscribes">
        <div class="sub-top">
            <span>订阅本盘通知：</span>
            <span>你将在第一时间获取新马金色森林的楼盘打折，降价，开盘等楼盘动态信息。</span>
        </div>
        <div class="sub-bottom">
            <span>立即订阅</span>
        </div>
    </div>
    <!-- 郑东新区热门榜单 -->
    <div class="nullone"></div>
    <div class="xinqu">
        <p class="zhengdong">
            <span> 郑东新区热门榜单</span>
            <span class="bracketstwo">热评榜</span>
            <span>|</span>
            <span class="bracketsone">人气榜</span>
            <span>|</span>
            <span>热搜榜</span>
            <span class="bracketsone">|</span>
        </p>
        <p class="zhengdongone">
            <img src="../imgs/25.png" alt="">
            <img src="../imgs/26.png" alt="">
        </p>
    </div>
    <div class="zongbang">

        <div class="bangdan">
            <div class="ban-top">
                <!-- <p>郑东新区热门榜单<span class="brackets">热评</span></p> -->
                <div class="ban-middle">
                    <img src="../imgs/27.png" alt="">
                </div>
                <p>售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
            <div class="bani-top">
                <div class="banv-middle">
                    <img src="../imgs/27.png" alt="">
                </div>
                <p>售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
            <div class="bani-top">
                <div class="banv-middle">
                    <img src="../imgs/27.png" alt="">
                </div>
                <p>售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
            <div class="bani-top">
                <div class="banv-middle">
                    <img src="../imgs/27.png" alt="">
                </div>
                <p>售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
            <div class="banis-top">
                <!-- <a href="">更多配套图>></a> -->
                <div class="banv-middle">
                    <img src="../imgs/27.png" alt="">
                </div>
                <p class="gui">售楼处-楼盘现场环境</p>
                <p>2018-10-23</p>
            </div>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="ncai">
        <div class="nxi">
            猜你喜欢
        </div>
        <div class="ntu">
            <div class="floata">
                <img src="../imgs/caini-1.jpg" alt="">
                <p><b>是经商-绿城·许府海棠</b></p>
                <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
            </div>
            <div class="floata nzuo">
                <img src="../imgs/caini-1.jpg" alt="">
                <p><b>是经商-绿城·许府海棠</b></p>
                <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
            </div>
            <div class="floata nzuo">
                <img src="../imgs/caini-1.jpg" alt="">
                <p><b>是经商-绿城·许府海棠</b></p>
                <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
            </div>
            <div class="floata nzuo">
                <img src="../imgs/caini-1.jpg" alt="">
                <p><b>是经商-绿城·许府海棠</b></p>
                <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
            </div>
            <div class="floata nzuo">
                <img src="../imgs/caini-1.jpg" alt="">
                <p><b>是经商-绿城·许府海棠</b></p>
                <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
            </div>
        </div>
    </div>
    <!-- 新马金色森林弹窗 -->
    <!-- <div>
        <div>

        </div>
        <div>

        </div>
    </div> -->



    <!-- <style type="text/css">
      
    </style> -->
    <div class="newpopup ">

        <div class="popup">
            <!-- 左边 -->
            <div class="tanchuang">
                <!-- 左一 -->
                <div class="zoombox">

                    <div class="zoompic"><img src="http://www.jsdaima.com/Upload/1476063436/3427.jpg" width="684" height="394" alt="美女配奥迪A4L墙纸"></div>

                    <div class="sliderbox">
                        <div id="" class="arrow-btn dasabled btn-left"></div>

                        <div class="slider thumbnail" id="">
                            <ul style="width: 847px;">
                                <li class="current">
                                    <!-- <span>111</span> -->
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/52347.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸02"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/23463.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/234fa.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸03"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3247.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/412saf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸04"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/26547.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41356a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸05"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/2153.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/432sadf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸06"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="arrow-btn btn-right"></div>
                    </div>

                </div>
                <!-- 左二 -->
                <div class="zoombox">

                    <div class="zoompic"><img src="http://www.jsdaima.com/Upload/1476063436/3427.jpg" width="684" height="394" alt="美女配奥迪A4L墙纸"></div>

                    <div class="sliderbox">
                        <div id="" class="arrow-btn dasabled btn-left"></div>

                        <div class="thumbnail slider">
                            <ul style="width: 847px;">
                                <li class="current">
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01">2222</a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/52347.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸02"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/23463.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/234fa.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸03"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3247.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/412saf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸04"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/26547.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41356a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸05"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/2153.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/432sadf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸06"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="arrow-btn btn-right"></div>
                    </div>

                </div>
                <!-- 左二 -->
                <div class="zoombox">

                    <div class="zoompic"><img src="http://www.jsdaima.com/Upload/1476063436/3427.jpg" width="684" height="394" alt="美女配奥迪A4L墙纸"></div>

                    <div class="sliderbox">
                        <div id="" class="arrow-btn dasabled btn-left"></div>

                        <div class="slider thumbnail">
                            <ul style="width: 847px;">
                                <li class="current">
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/52347.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸02"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/23463.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/234fa.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸03"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3247.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/412saf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸04"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/26547.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41356a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸05"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/2153.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/432sadf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸06"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="arrow-btn btn-right"></div>
                    </div>

                </div>
                <!-- 左三 -->
                <div class="zoombox">

                    <div class="zoompic"><img src="http://www.jsdaima.com/Upload/1476063436/3427.jpg" width="684" height="394" alt="美女配奥迪A4L墙纸"></div>

                    <div class="sliderbox">
                        <div id="" class="arrow-btn dasabled btn-left"></div>

                        <div class="slider thumbnail">
                            <ul style="width: 847px;">
                                <li class="current">
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/52347.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸02"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/23463.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/234fa.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸03"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3247.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/412saf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸04"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/26547.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41356a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸05"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/2153.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/432sadf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸06"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="arrow-btn btn-right"></div>
                    </div>

                </div>
                <!-- 左四 -->
                <div class="zoombox">

                    <div class="zoompic"><img src="http://www.jsdaima.com/Upload/1476063436/3427.jpg" width="684" height="394" alt="美女配奥迪A4L墙纸"></div>

                    <div class="sliderbox">
                        <div id="" class="arrow-btn dasabled btn-left"></div>

                        <div class="slider thumbnail">
                            <ul style="width: 847px;">
                                <li class="current">
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/52347.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸02"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/23463.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/234fa.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸03"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3247.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/412saf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸04"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/26547.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41356a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸05"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/2153.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/432sadf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸06"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="arrow-btn btn-right"></div>
                    </div>

                </div>
                <!-- 左五 -->
                <div class="zoombox">

                    <div class="zoompic"><img src="http://www.jsdaima.com/Upload/1476063436/3427.jpg" width="684" height="394" alt="美女配奥迪A4L墙纸"></div>

                    <div class="sliderbox">
                        <div id="" class="arrow-btn dasabled btn-left"></div>

                        <div class="slider thumbnail">
                            <ul style="width: 847px;">
                                <li class="current">
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/52347.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸02"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/23463.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/234fa.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸03"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3247.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/412saf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸04"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/26547.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41356a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸05"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/2153.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/432sadf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸06"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="arrow-btn btn-right"></div>
                    </div>

                </div>
                <!-- 左六 -->
                <div class="zoombox">

                    <div class="zoompic"><img src="http://www.jsdaima.com/Upload/1476063436/3427.jpg" width="684" height="394" alt="美女配奥迪A4L墙纸"></div>

                    <div class="sliderbox">
                        <div id="" class="arrow-btn dasabled btn-left"></div>

                        <div class="slider thumbnail">
                            <ul style="width: 847px;">
                                <li class="current">
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/52347.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸02"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/23463.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/234fa.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸03"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3247.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/412saf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸04"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/26547.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/41356a.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸05"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/2153.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/432sadf.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸06"></a>
                                </li>
                                <li>
                                    <a href="http://www.jsdaima.com/Upload/1476063436/3427.jpg" target="_blank"><img src="http://www.jsdaima.com/Upload/1476063436/14fd.jpg" width="115" height="74" alt="美女配奥迪A4L墙纸01"></a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="arrow-btn btn-right"></div>
                    </div>

                </div>
            </div>
            <!-- 右边 -->
            <div class="popup-right">
                <p class="Close">x</p>
                <p class="po-top">新马金色森林</p>
                <p class="po-middle">
                    <img src="../imgs/29.png" alt="">
                    <span class="numbers">400 603 2266 </span>
                    <span class="word"> 转 </span>
                    <span class="numbers">42605</span>
                </p>
                <div class="sisy">

                    <div class="disc text-active">
                        <span> 楼盘图（0）</span>
                    </div>
                    <div class="disc">
                        <span>沙盘图（1）</span>
                    </div>
                    <div class="disc">
                        <span>样板间（2）</span>
                    </div>
                    <div class="disc">
                        <span> 位置图（3）</span>
                    </div>
                    <div class="disc">
                        <span>配套图（4）</span>
                    </div>
                    <div class="disc">
                        <span>售楼处（5）</span>
                    </div>
                </div>

            </div>

        </div>
    </div>

    <!--slider end-->
    <!-- <script src="../js/jquery-3.2.1.min.js"></script> -->
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script>
        // 选项卡------马列维奇
        //当点击a标签的选项卡的时候，执行下面的函数
        $('.sisy div').click(function() {
                // 获取点击标签的索引
                var $index = $(this).index();
                console.log($index)
                    // 高亮效果，给本标签添加类，只显示本标签其他隐藏，本标签类删除（删除了就没有高亮效果了）
                $(this).addClass('text-active').siblings().removeClass('text-active');
                //本标签获取索引，进行展示，只显示本标签其他隐藏
                $('.zoombox').eq($index).show().siblings().hide();
            })
        
            // 弹窗隐藏
        $('.Close').click(function() {
            $('.newpopup').hide();
        })
        $('.v-middle').click(function() {
            
            $(".newpopup").show();
        })
    </script>
    <script type="text/javascript" src="http://www.jsdaima.com/Upload/1476063436/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            //点击小图切换大图
            $(".thumbnail li a").click(function() {
                $(".zoompic img").hide().attr({
                    "src": $(this).attr("href"),
                    "title": $("> img", this).attr("title")
                });
                $(".thumbnail li.current").removeClass("current");
                $(this).parents("li").addClass("current");
                return false;
            });
            $(".zoompic>img").load(function() {
                $(".zoompic>img:hidden").show();
            });

            //小图片左右滚动
            var $slider = $('.slider ul');
            var $slider_child_l = $('.slider ul li').length;
            var $slider_width = $('.slider ul li').width();
            $slider.width($slider_child_l * $slider_width);

            var slider_count = 0;

            if ($slider_child_l < 5) {
                $('.btn-right').css({
                    cursor: 'auto'
                });
                $('.btn-right').removeClass("dasabled");
            }

            $('.btn-right').click(function() {
                if ($slider_child_l < 5 || slider_count >= $slider_child_l - 5) {
                    return false;
                }

                slider_count++;
                $slider.animate({
                    left: '-=' + $slider_width + 'px'
                }, 'fast');
                slider_pic();
            });

            $('.btn-left').click(function() {
                if (slider_count <= 0) {
                    return false;
                }
                slider_count--;
                $slider.animate({
                    left: '+=' + $slider_width + 'px'
                }, 'fast');
                slider_pic();
            });

            function slider_pic() {
                if (slider_count >= $slider_child_l - 5) {
                    $('.btn-right').css({
                        cursor: 'auto'
                    });
                    $('.btn-right').addClass("dasabled");
                } else if (slider_count > 0 && slider_count <= $slider_child_l - 5) {
                    $('.btn-left').css({
                        cursor: 'pointer'
                    });
                    $('.btn-left').removeClass("dasabled");
                    $('.btn-right').css({
                        cursor: 'pointer'
                    });
                    $('.btn-right').removeClass("dasabled");
                } else if (slider_count <= 0) {
                    $('.btn-left').css({
                        cursor: 'auto'
                    });
                    $('.btn-left').addClass("dasabled");
                }
            }

        });
    </script>
</body>

</html>